<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><{$article.title}></title>
    <meta name="keywords" content="<{$article.keywords}>" />
    <meta name="description" content="<{$article.description}>" />
    <include file='Public:file'/>
    <link href="../Public/css/lightbox.css" rel="stylesheet">
    <script src="../Public/js/lightbox.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.showpic_flash').bxSlider({
              pagerCustom: '#pic-page',
               adaptiveHeight: true,
            });

        });
    </script>
  </head>
  <body id="product">
  
 <include file='Public:c_head'/>

 <include file='Public:listbg'/>
   
    <!-- main -->
    <div class="container">    
        <div class="row">

           <!-- right -->
           <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
                <div class="list_box">
                    <h2 class="left_h"><{$articlelist.name}></h2>

                    <!-- showpic -->
                    <div class="col-sm-12 col-md-6 showpic_box">
                        <ul class="showpic_flash">
                          <volist name='photo' id='vo'>
                          <li><a class="example-image-link" href="__ROOT__/Uploads/<{$photo[$key]}>" data-lightbox="example-set" target="_blank"><img class="example-image" src="__ROOT__/Uploads/<{$photo[$key]}>" alt="<{$article.name}>"/></a></li>
                        </volist>
                        </ul>  
                        <div id="pic-page">
                            <volist name='photo' id='vo'>
                              <a data-slide-index="<{$key}>" href="__ROOT__/Uploads/<{$photo[$key]}>"><img src="__ROOT__/Uploads/<{$photo[$key]}>" alt="<{$article.name}>" /></a>
                            </volist>
                        </div>
                    </div>  
                               
                    <!-- product_info -->
                    <div class="col-sm-12 col-md-6 proinfo_box">
                	<h1 class="product_h1"><{$article.name}></h1>
                            <ul class="product_info">
                                <li><{$article.property1}></li>
                                <li><{$article.property2}></li>
                                <li><{$article.property3}></li>
                                <li><{$article.property4}></li>
                                <li>产品描述：<{$article.description|mb_substr=###,0,200,'utf-8'}></li>
                                <li>
                                    <form id="orderform" method="post" action="<{:W('Listhref',array('link'=>'/Inquiry/','lang'=>'c'))}>">
                                    <input type="hidden" name="ordername" value="<{$article.name}>" />  
                                    <a href="javascript:orderform.submit();" class="btn btn-primary page-btn"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span> 在线订购</a>
                                    </form>
                                </li>
                                 <li><{$Think.config.web_share}> </li>
                            </ul>
                    </div>

                    <div class="product_con">
                    <{$article.contents}>
                    </div>

                   <div class="point">
                        <span class="to_prev col-xs-12 col-sm-6 col-md-6"><{$prevnext.prev}></span>
                        <span class="to_next col-xs-12 col-sm-6 col-md-6"><{$prevnext.next}></span>
                    </div>

                </div>
                      
                <div class="list_related"> 
                    <h2 class="left_h">相关产品</h2>
                    <div class="product_list related_list">
                        <volist name="related" id="vo" offset="0" length="4">
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="<{:W('Href',array('url'=>$vo['url'],'id'=>$vo['id'],'type'=>'Product','lang'=>'c'))}>">
                                  <img  src="__ROOT__/Uploads/<{$vo.thumb}>" class="img-thumbnail" alt="<{$vo.name}>"/>
                                </a>
                                <p class="product_title"><a href="<{:W('Href',array('url'=>$vo['url'],'id'=>$vo['id'],'type'=>'Product','lang'=>'c'))}>" title="<{$vo.name}>"><{$vo.name|mb_substr=###,0,12,'utf-8'}></a></p>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>

            <!-- left -->
            <div class="col-xs-12 col-sm-4 col-md-3">
                <div class="left_nav" id="categories">
                  <h2 class="left_h">导航栏目</h2>
                  <{:W('Left',array('id'=>$article['bid'],'type'=>'product','lang'=>'c'))}>
                </div>

                <div class="left_news">
                  <h2 class="left_h">新闻中心</h2>
                  <{:W('List',array('table'=>'New','bid'=>2,'id'=>2,'lang'=>'c'))}>
                </div>
               <include file='Public:c_contact'/>
            </div>

        </div>
    </div> 
    
    <include file='Public:c_foot'/>
    
  </body>
</html>
